<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ include file="../common/top-left-menu.jsp"%>
<!-- 右侧主体开始 -->
<div class="page-content">
	<div class="content">
		<!-- 右侧内容框架，更改从这里开始 -->
		<form class="layui-form xbs" action="">
			<div class="layui-form-pane" style="text-align: center;">
				<div class="layui-form-item" style="display: inline-block;">
					<label class="layui-form-label xbs768">日期范围</label>
					<div class="layui-input-inline xbs768">
						<input class="layui-input" placeholder="开始日" id="LAY_demorange_s">
					</div>
					<div class="layui-input-inline xbs768">
						<input class="layui-input" placeholder="截止日" id="LAY_demorange_e">
					</div>
					<div class="layui-input-inline">
						<input type="text" name="username" placeholder="请输入电影名"
							autocomplete="off" class="layui-input">
					</div>
					<div class="layui-input-inline" style="width: 80px">
						<button class="layui-btn" lay-submit="" lay-filter="sreach">
							<i class="layui-icon">&#xe615;</i>
						</button>
					</div>
				</div>
			</div>
		</form>

		<xblock>
		<button class="layui-btn layui-btn-danger" onclick="delAll()">
			<i class="layui-icon">&#xe640;</i>批量删除
		</button>
		<button class="layui-btn"
			onclick="member_add('添加用户','${pageContext.request.contextPath}/admin/addmovie','650','550')">
			<i class="layui-icon">&#xe608;</i>添加
		</button>
		<span class="x-right" style="line-height: 40px">共有数据：88 条</span></xblock>
		<!--  表格循环开始   -->
		<table class="layui-table">
			<thead>
				<tr>
					<th><input type="checkbox" name="" value=""></th>
					<th>电影ID</th>
					<th>电影名称</th>
					<th>电影价格</th>
					<th>电影简介</th>
					<th>热门程度</th>
					<th>电影时长</th>
					<th>电影状态</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>

				<c:forEach items="${movieList}" var="movie">
					<tr>
						<td><input type="checkbox" value="1" name=""></td>
						<td>${movie.movieId}</td>
						<td><u style="cursor: pointer"
							onclick="member_show('功夫星猫','member-show.html','10001','360','400')">
								${movie.movieName} </u></td>
						<td>${movie.moviePrice}</td>
						<td>${movie.movieInfo}</td>
						<td>${movie.hotLevel }</td>
						<td>${movie.runningTime}</td>
						<td class="td-status"><span
							class="layui-btn layui-btn-normal layui-btn-mini"> 正在上架</span></td>
						<td class="td-manage"><a style="text-decoration: none"
							onclick="member_stop(this,'10001')" href="javascript:;"
							title="停用"> <i class="layui-icon">&#xe601;</i>
						</a> <a title="编辑" href="javascript:;"
							onclick="member_edit('编辑','member-edit.html','4','','510')"
							class="ml-5" style="text-decoration: none"> <i
								class="layui-icon">&#xe642;</i>
						</a> <a style="text-decoration: none"
							onclick="member_password('修改密码','member-password.html','10001','600','400')"
							href="javascript:;" title="修改密码"> <i class="layui-icon">&#xe631;</i>
						</a> <a title="删除" href="javascript:;"
							onclick="member_del(this,'${movie.movieId}')"
							style="text-decoration: none"> <i class="layui-icon">&#xe640;</i>
						</a></td>
					</tr>
				</c:forEach>
			</tbody>
		</table>
		<!-- 右侧内容框架，更改从这里结束 -->
	</div>
</div>
<!-- 右侧主体结束 -->
</div>
<!-- 中部结束 -->
<!-- 底部开始 -->
<div class="footer">
	<div class="copyright">Copyright ©2017 x-admin v2.3 All Rights
		Reserved. 本后台系统由X前端框架提供前端技术支持</div>
</div>
<!-- 底部结束 -->
<!-- 背景切换开始 -->
<div class="bg-changer">
	<div class="swiper-container changer-list">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<img class="item"
					src="${pageContext.request.contextPath}/static/images/a.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img class="item"
					src="${pageContext.request.contextPath}/static/images/b.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img class="item"
					src="${pageContext.request.contextPath}/static/images/c.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img class="item"
					src="${pageContext.request.contextPath}/static/images/d.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img class="item"
					src="${pageContext.request.contextPath}/static/images/e.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img class="item"
					src="${pageContext.request.contextPath}/static/images/f.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img class="item"
					src="${pageContext.request.contextPath}/static/images/g.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img class="item"
					src="${pageContext.request.contextPath}/static/images/h.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img class="item"
					src="${pageContext.request.contextPath}/static/images/i.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img class="item"
					src="${pageContext.request.contextPath}/static/images/j.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img class="item"
					src="${pageContext.request.contextPath}/static/images/k.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<span class="reset">初始化</span>
			</div>
		</div>
	</div>
	<div class="bg-out"></div>
	<div id="changer-set">
		<i class="iconfont">&#xe696;</i>
	</div>
</div>
<!-- 背景切换结束 -->
<!-- 页面动态效果 -->
<script>
	layui.use([ 'laydate', 'jquery' ], function() {
		var $ = layui.$, //引入Jquery
		laydate = layui.laydate;//日期插件
		//以上模块根据需要引入

		var start = {
			min : laydate.now(),
			max : '2099-06-16 23:59:59',
			istoday : false,
			choose : function(datas) {
				end.min = datas; //开始日选好后，重置结束日的最小日期
				end.start = datas //将结束日的初始值设定为开始日
			}
		};

		var end = {
			min : laydate.now(),
			max : '2099-06-16 23:59:59',
			istoday : false,
			choose : function(datas) {
				start.max = datas; //结束日选好后，重置开始日的最大日期
			}
		};

		document.getElementById('LAY_demorange_s').onclick = function() {
			start.elem = this;
			laydate(start);
		}
		document.getElementById('LAY_demorange_e').onclick = function() {
			end.elem = this
			laydate(end);
		}

	});

	//批量删除提交
	function delAll() {
		layer.confirm('确认要删除吗？', function(index) {
			//捉到所有被选中的，发异步进行删除

			layer.msg('删除成功', {
				icon : 1
			});
		});
	}
	/*用户-添加*/
	function member_add(title, url, w, h) {
		x_admin_show(title, url, w, h);
	}
	/*用户-查看*/
	function member_show(title, url, id, w, h) {
		x_admin_show(title, url, w, h);
	}

	/*电影-下架*/
	function member_stop(obj, id) {
		layer
				.confirm(
						'确认要下架吗？',
						function(index) {
							//发异步把电影状态进行更改
							$(obj)
									.parents("tr")
									.find(".td-manage")
									.prepend(
											'<a style="text-decoration:none" onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="layui-icon">&#xe62f;</i></a>');
							$(obj)
									.parents("tr")
									.find(".td-status")
									.html(
											'<span class="layui-btn layui-btn-disabled layui-btn-mini">已停用</span>');
							$(obj).remove();
							layer.msg('已下架!', {
								icon : 5,
								time : 1000
							});
						});
	}

	/*用户-启用*/
	function member_start(obj, id) {
		layer
				.confirm(
						'确认要启用吗？',
						function(index) {
							//发异步把用户状态进行更改
							$(obj)
									.parents("tr")
									.find(".td-manage")
									.prepend(
											'<a style="text-decoration:none" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="layui-icon">&#xe601;</i></a>');
							$(obj)
									.parents("tr")
									.find(".td-status")
									.html(
											'<span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span>');
							$(obj).remove();
							layer.msg('已启用!', {
								icon : 6,
								time : 1000
							});
						});
	}
	// 用户-编辑
	function member_edit(title, url, id, w, h) {
		x_admin_show(title, url, w, h);
	}
	/*密码-修改*/
	function member_password(title, url, id, w, h) {
		x_admin_show(title, url, w, h);
	}
	/*用户-删除*/
	function member_del(obj, id) {
		layer.confirm('确认要删除吗？', function(index) {
			//发异步删除数据
			$.ajax({
				type : 'POST',
				data : {
					'userId' : id
				},
				url : '${pageContext.request.contextPath}/admin/userdel',
				dataType : 'text',
				success : function(data) {
					var result = eval('(' + data + ')');
					
					layer.msg(result.msg, {
						icon : result.code,
						time : 1000
					});
					if (result.code == 1) {
						$(obj).parents("tr").remove();
					}
				},
				error : function(data) {
					layer.msg('系统异常!', {
						icon : 1,
						time : 1000
					});
				},
			});

		});
	}
</script>
</body>
</html>